<!DOCTYPE html>
<html lang="en">
	<head>
		<title>nMusic.</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta name="iwebkit-use-fruit-styled-layout" value="true;version=2" />
		<meta charset="UTF-8" />
		<meta name="theme-color" content="#111111" />
		<meta name="robots" content="noindex, nofollow" />
		<link rel="manifest" href="/manifest.json" />
		<style>
			html {
				--root-background-color: #111111;
				--root-color: white;
				--root-font: sans-serif;
				--flat-box-border: 1px solid rgba(255, 255, 255, 0.2);
				--flat-box-shadow: 0 14px 28px rgba(255, 255, 255, 0.08), 0 10px 10px rgba(255, 255, 255, 0.08);
			}
			head,
			body {
				color: var(--root-color, #333333);
				background-color: var(--root-background-color, white);
				font-family: var(--root-font, "sans-serif");
			}
			.poly-item {
				padding-left: 5px;
				box-shadow: var(--flat-box-shadow, "0 14px 28px rgba(255, 255, 255, 0.08), 0 10px 10px rgba(255, 255, 255, 0.08)");
				border: var(--flat-box-border, "1px solid rgba(255, 255, 255, 0.2)");
				margin-bottom: 10px;
			}
			.nlang-string {
				content: "";
			}
			.menu {
				position: fixed;
				top: 0;
				margin: auto;
				left: 0;
				right: 0;
				width: 100%;
				height: 32px;
				border-bottom: 1px solid rgba(68, 68, 68, 0.875);
				background-color: #111111;
				margin-right: 0px;
				margin-left: -1px;
				z-index: 15;
			}
			/* Totally didn't recycle the nTube Premium page, don't mind me. */
			.main-offers-div {
				display: flex;
				margin-left: 20vw;
				margin-right: 20vw;
			}
			.main-offer-title {
				text-align: center;
			}
			.offers-item {
				flex-grow: 1;
			}
			.-ntube-button {
				font-family: inherit;
				color: inherit;
				background-color: inherit;
				border: 1px solid green;
				border-radius: 3px;
				font-size: large;
			}
		</style>
		<link rel="preload" href="resources/promise-queues.js" as="script" />
		<link rel="preload" href="resources/libWeb.js" as="script" />
		<link rel="preload" href="resources/base.js" as="script" />
		<link rel="preload" href="resources/search.js" as="script" />
		<link rel="preload" href="resources/plyr/plyr.polyfilled.js" as="script" />
		<link rel="preload" href="resources/plyr/plyr.js" as="script" />
		<link rel="preload" href="resources/new_ui.js" as="script" />
		<link rel="preload" href="resources/ntube-globals.js" as="script" />
		<link rel="preload" href="resources/search.css" as="style" />
		<link rel="preload" href="resources/new_ui.css" as="style" />
		<script src="resources/promise-queues.js"></script>
		<script src="resources/libWeb.js"></script>
		<script src="resources/base.js"></script>
		<script src="resources/search.js"></script>
		<link rel="stylesheet" type="text/css" href="resources/search.css" />
		<link rel="stylesheet" type="text/css" href="resources/base.css" />
		<link rel="stylesheet" type="text/css" href="resources/new_ui.css" />
		<style>
			.menu {
				position: fixed;
				top: 0;
				margin: auto;
				left: 0;
				right: 0;
				width: 100%;
				height: 32px;
				border-bottom: 1px solid green;
				margin-right: 0px;
				z-index: 15;
				display: flex;
			}
			.menu-item {
				flex: 1;
				max-width: 50%;
				overflow: hidden;
				white-space: nowrap;
			}
		</style>
	</head>
	<body style="padding-left: 5px; padding-right: 5px">
		<div class="menu">
			<div class="menu-item">
				<p style="padding-left: 5px; margin-top: 5px; vertical-align: middle; font-weight: bold; display: inline-block; margin-right: 15px; margin-bottom: 10px; width: auto">
					<span style="color: red">n</span><span id="ntube_main_menu_tube_label" style="color: lightgreen">Tube</span>
					<sub id="ntube_version_main_menu_label" style="font-size: 0.9em; line-height: 25%">1.5.0</sub>
					<img id="ntube-winter-logo" src="resources/events/christmas.png" title="Merry Christmas!" decoding="async" />
				</p>
				<div style="display: inline-block; vertical-align: middle; margin-right: 5px">
					<a href="/" title="Home Page">
						<img src="resources/icons/home.svg" alt="home" style="height: 2em; width: 2em" decoding="async" />
					</a>
				</div>
				<div style="display: inline-block; vertical-align: middle; margin-right: 5px">
					<a href="/trending" title="Trending Videos">
						<img src="resources/icons/trending.svg" alt="trending" style="height: 2em; width: 2em" decoding="async" />
					</a>
				</div>
				<div style="display: inline-block; vertical-align: middle; margin-right: 5px; margin-bottom: 3px">
					<a href="/settings" title="Settings">
						<img src="resources/icons/settings.svg" alt="settings" style="height: 2em; width: 2em" decoding="async" />
					</a>
				</div>
			</div>
		</div>
		<h1 style="margin-top: 45px; text-align: center"><span style="color: red">n</span><span style="color: lightgreen">Music</span> is no more.</h1>
		<p>
			As reflected in the 5 years of nTube update, nMusic is no more.
			<br />
			<br />
			To those that tried it out, thanks.
			<br />
			<br />
			Maybe one day it'll return, hopefully.
		</p>
		<script type="text/javascript" defer="defer">
			var coll = document.getElementsByClassName("collapsible");
			var i;

			for (i = 0; i < coll.length; i++) {
				coll[i].addEventListener("click", function () {
					this.classList.toggle("active");
					var content = this.nextElementSibling;
					var possHeight = content.attributes.getNamedItem("maxHeight");
					if (content.style.maxHeight) {
						content.style.maxHeight = null;
					} else if (possHeight != null) {
						content.style.maxHeight = possHeight.value;
					} else {
						content.style.maxHeight = content.scrollHeight + "px";
					}
				});
			}
		</script>
	</body>
</html>
